﻿/*messages start*/

.centerMessage(@controlWidth: 300, @controlHeight: 30,
     @backgroundColor: darkgrey, @borderColor:grey ) {
    display: none;
    width: (0px + @controlWidth) !important;
    min-height:(0px + @controlHeight) !important;
    /*height: (0px + @controlHeight) !important;*/
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: (0px + (0- @controlWidth)/2) !important;
    /*margin-top: (0px + (0- @controlHeight)/2) !important;*/
    top: 5%;
    background-color: @backgroundColor;
    border: solid;
    border-width: thick;
    padding: 3px;
    border-radius: 0.7em;
    /*border-radius: 1em;*/
    box-shadow: 5px 5px 7px rgba(0,0,0,.2);
    z-index: 998;
}

.sodaErrorMessage{
    .centerMessage(300, 30, rgba(255, 0, 0, 0.50), #f00);
}

.sodaSuccessMessage{
    .centerMessage(300, 30, rgba(0, 255, 33, 0.50), #00ff21);
}

.sodaErrorMessage1 {
    display: none;
    width: 300px;
    /*max-width:30%;*/
    /*height: 30px;*/
    border: 3px solid #f00;
    background:rgba(255, 0, 0, 0.50);
    position: absolute;
    top: 5%;
    left: 50%;
    padding: 2px;
    z-index: 999;
    border-radius: 1em;
}

.sodaSuccessMessage1 {
    display: none;
    width: 200px;
    /*max-width:30%;*/
    /*height: 30px;*/
    border: 3px solid #00ff21;
    background : rgba(0, 255, 33, 0.50);
    position: absolute;
    top: 5%;
    left: 50%;
    padding: 2px;
    z-index: 998;
    border-radius: 1em;
}

.MainOverlayDIV{  
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(128, 128, 128, 0.40);
    position: fixed;
    z-index: 100000;
}

/*@centerDialogControlWidth : 500px;
@centerDialogControlHeight : 300px;*/

.center(@centerDialogControlWidth: 300, @centerDialogControlHeight: 300) {
    width: (0px + @centerDialogControlWidth) !important;
    height: (0px + @centerDialogControlHeight) !important;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: (0px + (0- @centerDialogControlWidth)/2) !important;
    margin-top: (0px + (0- @centerDialogControlHeight)/2) !important;
    background-color: darkgrey;
    border: solid;
    border-width: thick;
    padding: 3px;
    border-radius: 0.7em;
    box-shadow: 5px 5px 7px rgba(0,0,0,.2);
}

.center300_300 {
   .center(300, 300);
}

.center500_300 {
   .center(500, 300);
}

.center700_500 {
   .center(700, 500);
}

.center900_300 {
   .center(900, 300);
}

.center900_600 {
   .center(900, 600);
}

.center1000_800 {
   .center(1000, 800);
}

.center400_400 {
   .center(400, 400);
}

@buttonBorderRadius :1em;
@roundButtonColor :#e5e2e2;

.rightTop(@marginRight: -20, @marginTop: -30) {
    margin-right: (0px + @marginRight) !important;
    margin-top: (0px + @marginTop) !important;
    width: 20px !important;
    height: 25px !important;
    background-color: @roundButtonColor !important;
    text-decoration:none;
    float :right;
    text-align :right;
    border-radius :@buttonBorderRadius;
    color: transparent !important;
    background :url("../Images/DeleteButton.png") no-repeat 5px 5px;
}


.rightTop20_30 {
    .rightTop(-20, -30);
}

/*message end*/